<template>
  <div>
    <div>这是首页</div>
    <Meta :name="desc" :content="desc" />
    <NuxtLink class="m-1" to="/routerApi">路由跳转测试</NuxtLink>
    <NuxtLink class="m-1" to="/static">引入静态资源</NuxtLink>
    <NuxtLink class="m-1" to="/user">路由拦截</NuxtLink>
    <NuxtLink class="m-1" to="/transition">页面过渡</NuxtLink>
  </div>
</template>

<script setup lang="ts">
import { getTableList } from '~/composables/api'
definePageMeta({
  middleware: 'auth',
})
const desc = ref('ref动态描述')

useHead({
  title: '我的网站',
  meta: [
    {
      name: '名字',
      content: 'nuxt useHead',
    },
  ],
  script: [{ innerHTML: "console.log('Hello world')" }],
  titleTemplate: '%s - 网站标题',
  // ... 或者作为一个函数
  // titleTemplate: (productCategory) => {
  //   return productCategory
  //     ? `${productCategory} - 网站标题`
  //     : '网站标题'
  // }
})
useSeoMeta({
  title: '我的神奇网站',
  ogTitle: '我的神奇网站',
  description: '这是我的神奇网站，让我来告诉你关于它的一切。',
  ogDescription: '这是我的神奇网站，让我来告诉你关于它的一切。',
  ogImage: 'https://example.com/image.png',
  twitterCard: 'summary_large_image',
})
const { data } = await getTableList('12')
console.log(data)
</script>

<style scoped></style>
